<html>
<head>
    <style>
        table{
            width: 100%;
            border-collapse: collapse;
            /* 列宽由表格宽度和列宽度设定*/
            table-layout: fixed;
        }
        #yustb2 {
            font-family: simsun, Helvetica, sans-serif;
            border-collapse: collapse;
        }
        #yustb2 td{
            width: 100%;
            border-collapse: collapse;
            /* 列宽由表格宽度和列宽度设定*/
            table-layout: fixed;
        }
        #yustb2 th {
            border: 1px solid #ddd;
            padding: 8px;
        }

        #yustb2 tr:nth-child(even) {
            background-color: #f2f2f2;
        }

        #yustb2 tr:hover {
            background-color: #ddd;
        }

        #yustb2 th {
            padding-top: 12px;
            padding-bottom: 12px;
            text-align: left;
            background-color: #4CAF50;
            color: white;
        }
    </style>
    <title></title>

</head>
<body>
<div style="text-align: center;">
    <table>
        <tr>
            <td>${resume.serverName!""}</td>
            <td>${resume.roleName!""}</td>
            <td>${resume.roleId!""}</td>
        </tr>
    </table>
</div>
<div style="text-align:center;">
    <table id="yustb2">
        <tr>
            <th>${resume.total.all!""}</th>
            <th>${resume.total.grade!""}段</th>
            <th>场次：${resume.total.totalCount!""}</th>
            <th>胜场：${resume.total.winCount!""}</th>
            <th>胜率：${resume.total.winRate!""}%</th>
            <th>评分：${resume.total.mmr!""}</th>
            <th>最佳：${resume.total.mvpCount!""}</th>
        </tr>
        <tr>
            <th>心法</th>
            <th>比赛模式</th>
            <th>比赛类型</th>
            <th>比赛评分</th>
            <th>比赛时长</th>
            <th>结束时间</th>
            <th>比赛结果</th>
        </tr>
        <#list resume.history as item>
            <tr>
                <td>${item.kungfu!""}</td>
                <td>${item.avgGrade!""}</td>
                <td>(${item.pvpType!""}v${item.pvpType!""})</td>
                <td>${item.totalMmr!""}</td>
                <td>${item.time!""}</td>
                <td>${item.endDay!""}</td>
                <td>${item.result!""}</td>
            </tr>
        </#list>
    </table>
</div>
</body>
</html>